let $ = layui.$
/**
 * 设置div的宽度
 */
export function setDivContainer(choose,pieceWidth,pieceHeight,colNumber,rowNumber){
    $(choose).width = pieceWidth*colNumber+"px";
    $(choose).height=pieceHeight*rowNumber+"px";
}

export function setOnePiece(choose,row,col,content,pieceWidth,pieceHeight,red,white){
    let value = content[row][col];//取出座位表相应位置的值
    let div = document.createElement("div");
    div.className = "item";
     //调整div的位置
    div.style.left = col * pieceWidth + "px";
    div.style.top = row * pieceHeight + "px";
    //当前位置是否是正确位置
   if(value == 1){
    div.classList.add("red")
   }
   else if(value == 0){
    div.classList.add("white");
   }
  return div
}


/**
 * 
 */
// success: function () {
//     $(".btn").each((i, b) => {
//       $(b).click(function () {
//         $("#choose").html("")
//         let txt = $(this).prev("input:text").val(); //可以获取点击的按钮的上一个text中的value
//         /**
//          * 0.未选座
//          * 1.已选座
//          */
//         let content = eval(txt); //将二维数组字符串转换为二维数组
//         //仅用于记录座位表中的内容（已选座，未选座）
//         let white = 0;
//         let red = 1;
//         /* 总列数 */
//         let colNumber = content[0].length;
//         /* 总行数 */
//         let rowNumber = content.length;
//         let pieceWidth = 45; //每一个小块的宽度
//         let pieceHeight = 45; //每一个小块的高度
//         let choose = $("#choose");
//         console.log(choose);
//         setDivContainer(
//           choose,
//           pieceWidth,
//           pieceHeight,
//           colNumber,
//           rowNumber
//         );
//         // /* 根据座位表在页面上设置相应的元素 */
//         function setContent(choose, colNumber, rowNumber) {
          
//           for (let row = 0; row < rowNumber; row++) {
//             for (let col = 0; col < colNumber; col++) {
//               let a = setOnePiece(choose,row, col,content,pieceWidth,pieceHeight,red,white);
//               $(choose).append(a)
//             };
//           }
//           return $(choose)
//         }
//         layer.open({
//           type: 1,
//           title: ["选座信息", "font-size:18px;"],
//           area: ["500px", "500px"],
//           content: setContent(choose, colNumber, rowNumber),
//           btn: "关闭",
//         })
//       });
//     });
//   }

